<!--
Copyright (c) 2021-2025 SigScalr, Inc.

This file is part of SigLens Observability Solution

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->

<!DOCTYPE html>
<html lang="en">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5SBJC04YFB"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-5SBJC04YFB');
</script>

<head>
    <meta charset="UTF-8">
    <title>SigLens</title>

    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
    <link rel="manifest" href="assets/site.webmanifest">
    <link rel="mask-icon" href="assets/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">

    <link rel="stylesheet" href="./css/lib/bootstrap.min.css" />
    <link rel="stylesheet" href="./css/siglens.css?cb={{ AppVersion }}" />

    <script src="./js/lib/jquery-3.6.0.min.js"></script>
    <script src="./js/lib/jquery-ui.min.js"></script>
    <script src="./js/lib/js.cookie.min.js"></script>
    <script src="./js/lib/moment.min.js"></script>
    <script src="./js/lib/bootstrap.bundle.min.js"></script>
    <script>
        var defaultTheme = Cookies.get('theme') || 'light';
        $('html').attr('data-theme', defaultTheme);
    </script>
    {{ .RunCheck1 | safeHTML }}
</head>

<body>
    <div class="pop-layer" id="pop-layer">
    </div>
    <div id="app-container">

        <div id="app-side-nav">
        </div>
        <div id="dashboard" class="p-4">
            <div>
                <h1 class="myOrg-heading submenu-heading">Metrics</h1>
                <p class="caption submenu-caption">Monitor and analyze time series metrics data</p>
            </div>
            <div class="submenu-container">
                <div class="submenu-card" id="metrics-explorer">
                    <div class="myOrg-heading">Metrics Explorer</div>
                    <p>
                        Create PromQL queries and visualize metrics data with interactive graphs
                    </p>
                </div>
                <div class="submenu-card" id="metric-summary">
                    <div class="myOrg-heading">Metrics Summary</div>
                    <p>
                        Browse and search through all available metrics names and metadata
                    </p>
                </div>
                <div class="submenu-card" id="metric-cardinality">
                    <div class="myOrg-heading">Metrics Cardinality</div>
                    <p>
                        Analyze series cardinality and identify high-cardinality metrics
                    </p>
                </div>
            </div>
        </div>
        <div id="app-footer">
        </div>

    </div>

    <script src="./js/navbar.js?cb={{ AppVersion }}"></script>
    <script src="./js/common.js?cb={{ AppVersion }}"></script>
    <script src="./js/event-handlers.js?cb={{ AppVersion }}"></script>
    <script src="./js/footer.js?cb={{ AppVersion }}"></script>
    <script>
        $(document).ready(function () {
            $('.theme-btn').on('click', themePickerHandler);
            $('.submenu-card').click(function () {
                const cardId = $(this).attr('id');
                window.location.href = cardId + '.html';
            });
        });
    </script>

    {{ .RunCheck2 | safeHTML }}
    {{ .RunCheck3 | safeHTML }}

</body>

</html>